<div class="dialog-info" [hidden]="!data.show">
  <ul nz-row *ngIf="data.layer">
    <li nz-col *ngFor="let item of infoConfig.attrs" [nzSpan]="item.colspan ? item.colspan * 8 : 8">
      <span>{{ item.text }}</span>
      <span>
        {{ data.layer == 'guanyu' && item.key == 'type' ?  irrAreaType[data[item.key]] : item.key == 'wiustTp' ? IntakeType[data[item.key]] : item.key == 'stadiaType' ? stadiaType[data[item.key]] : (data[item.key] || '-') }}{{ item.unit ? " " + item.unit : "" }}
      </span>
    </li>
  </ul>
  <div class="btn-group" *ngIf="data.files">
    <button nz-button nzType="primary" [hidden]="!data.files.file" (click)="onOpenModal('file')">文件列表</button>
    <button nz-button nzType="primary" [hidden]="!data.files.movie" (click)="onOpenModal('movie')">视频列表</button>
    <button nz-button nzType="primary" [hidden]="!data.files.pic" (click)="onOpenModal('pic')">图片列表</button>
  </div>
  <div class="btn-group" *ngIf="data.fileId">
    <button nz-button nzType="primary" (click)="onPreview()">图片预览</button>
  </div>
  <nz-modal [(nzVisible)]="picVisible" [nzTitle]="modalTitle" (nzOnCancel)="picVisible = false" nzWidth="800"
    [nzFooter]="nzFooter">
    <app-dialog-pics [type]="mediaType" [pics]="pics"></app-dialog-pics>
  </nz-modal>

  <nz-modal [(nzVisible)]="preview" nzTitle="图片预览" (nzOnCancel)="preview = false" nzWidth="800"
    [nzFooter]="nzFooter">
    <div class="pic-box">
      <img [src]="previewUrl" alt="">
    </div>
  </nz-modal>
</div>
